<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Litten的博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="华中科技大学09级，就职于腾讯SNG。擅长各项前端技能，深入研究移动端开发与前端性能。非专业视觉设计师。此为博客一枚。">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Litten的博客">
    <meta property="og:url" content="http://litten.github.io/index.html">
    <meta property="og:site_name" content="Litten的博客">
    <meta property="og:description" content="华中科技大学09级，就职于腾讯SNG。擅长各项前端技能，深入研究移动端开发与前端性能。非专业视觉设计师。此为博客一枚。">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Litten的博客">
    <meta name="twitter:description" content="华中科技大学09级，就职于腾讯SNG。擅长各项前端技能，深入研究移动端开发与前端性能。非专业视觉设计师。此为博客一枚。">
    <link rel="alternative" href="/atom.xml" title="Litten的博客" type="application/atom+xml">
    <link rel="icon" href="/favicon.png">
    <link rel="stylesheet" href="assets/css/style.css" type="text/css">
</head>

<body>
    <div id="container">
        <div class="left-col">
            <div class="overlay"></div>
            <div class="intrude-less">
                <header id="header" class="inner">
                    <a href="/" class="profilepic">
                        <img lazy-src="/assets/blogImg/litten.png" class="js-avatar">
                    </a>
                    <hgroup>
                        <h1 class="header-author"><a href="/">Litten</a></h1>
                    </hgroup>
                    <p class="header-subtitle">热爱大海与冷笑话的黎小腾君</p>
                    <div class="switch-btn">
                        <div class="icon">
                            <div class="icon-ctn">
                                <div class="icon-wrap icon-house" data-idx="0">
                                    <div class="birdhouse"></div>
                                    <div class="birdhouse_holes"></div>
                                </div>
                                <div class="icon-wrap icon-ribbon hide" data-idx="1">
                                    <div class="ribbon"></div>
                                </div>
                                <div class="icon-wrap icon-me hide" data-idx="3">
                                    <div class="user"></div>
                                    <div class="shoulder"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tips-box hide">
                            <div class="tips-arrow"></div>
                            <ul class="tips-inner">
                                <li>菜单</li>
                                <li>标签</li>
                                <li>关于我</li>
                            </ul>
                        </div>
                    </div>
                    <div class="switch-area">
                        <div class="switch-wrap">
                            <section class="switch-part switch-part1">
                                <nav class="header-menu">
                                    <ul>
                                        <li><a href="/">主页</a></li>
                                        <li><a href="/archives">所有文章</a></li>
                                        <li><a href="/tags/随笔">随笔</a></li>
                                        <li><a href="/instagram">相册</a></li>
                                    </ul>
                                </nav>
                                <nav class="header-nav">
                                    <div class="social">
                                        <a class="github" target="_blank" href="https://github.com/litten" title="github">github</a>
                                        <a class="weibo" target="_blank" href="http://weibo.com/litten225" title="weibo">weibo</a>
                                        <a class="rss" target="_blank" href="/atom.xml" title="rss">rss</a>
                                    </div>
                                </nav>
                            </section>
                            <section class="switch-part switch-part2">
                                <div class="widget tagcloud" id="js-tagcloud">
                                    <a href="/tags/chrome/" style="font-size: 10px;">chrome</a> <a href="/tags/coffeescript/" style="font-size: 12px;">coffeescript</a> <a href="/tags/css/" style="font-size: 14px;">css</a> <a href="/tags/css3/" style="font-size: 12px;">css3</a> <a href="/tags/github/" style="font-size: 10px;">github</a> <a href="/tags/hexo/" style="font-size: 12px;">hexo</a> <a href="/tags/html5/" style="font-size: 16px;">html5</a> <a href="/tags/js/" style="font-size: 18px;">js</a> <a href="/tags/octopress/" style="font-size: 12px;">octopress</a> <a href="/tags/web/" style="font-size: 18px;">web</a> <a href="/tags/主题/" style="font-size: 14px;">主题</a> <a href="/tags/产品/" style="font-size: 12px;">产品</a> <a href="/tags/前端/" style="font-size: 12px;">前端</a> <a href="/tags/安全/" style="font-size: 10px;">安全</a> <a href="/tags/工具/" style="font-size: 12px;">工具</a> <a href="/tags/性能/" style="font-size: 10px;">性能</a> <a href="/tags/杂谈/" style="font-size: 12px;">杂谈</a> <a href="/tags/模式/" style="font-size: 10px;">模式</a> <a href="/tags/浏览器/" style="font-size: 12px;">浏览器</a> <a href="/tags/游戏/" style="font-size: 10px;">游戏</a> <a href="/tags/生活/" style="font-size: 16px;">生活</a> <a href="/tags/经验/" style="font-size: 10px;">经验</a> <a href="/tags/药别停/" style="font-size: 12px;">药别停</a> <a href="/tags/设计/" style="font-size: 12px;">设计</a> <a href="/tags/随笔/" style="font-size: 20px;">随笔</a> <a href="/tags/黑科技/" style="font-size: 10px;">黑科技</a>
                                </div>
                            </section>
                            <section class="switch-part switch-part3">
                                <div id="js-aboutme">华中科技大学09级，就职于腾讯SNG。擅长各项前端技能，深入研究移动端开发与前端性能。视觉设计爱好者。</div>
                            </section>
                        </div>
                    </div>
                </header>
            </div>
        </div>
        <div class="mid-col">
            <nav id="mobile-nav">
                <div class="overlay">
                    <div class="slider-trigger"></div>
                    <h1 class="header-author js-mobile-header hide">Litten</h1>
                </div>
                <div class="intrude-less">
                    <header id="header" class="inner">
                        <div class="profilepic">
                            <img lazy-src="/assets/blogImg/litten.png" class="js-avatar">
                        </div>
                        <hgroup>
                            <h1 class="header-author">Litten</h1>
                        </hgroup>
                        <p class="header-subtitle">热爱大海与冷笑话的黎小腾君</p>
                        <nav class="header-menu">
                            <ul>
                                <li><a href="/">主页</a></li>
                                <li><a href="/archives">所有文章</a></li>
                                <li><a href="/tags/随笔">随笔</a></li>
                                <li><a href="/instagram">相册</a></li>
                                <div class="clearfix"></div>
                            </ul>
                        </nav>
                        <nav class="header-nav">
                            <div class="social">
                                <a class="github" target="_blank" href="https://github.com/litten" title="github">github</a>
                                <a class="weibo" target="_blank" href="http://weibo.com/litten225" title="weibo">weibo</a>
                                <a class="rss" target="_blank" href="/atom.xml" title="rss">rss</a>
                            </div>
                        </nav>
                    </header>
                </div>
            </nav>
            <!-- <div class="body-wrap">
                <article id="post-hack-in-localstorage" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2015/07/06/hack-in-localstorage/" class="article-date">
                            <time datetime="2015-07-06T14:30:00.000Z" itemprop="datePublished">Jul 6</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
                              <a class="article-title" href="/2015/07/06/hack-in-localstorage/">作为一个前端，可以如何机智地弄坏一台电脑？</a>
                            </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p>有人说，前端的界限就在浏览器那儿。</p>
                            <p>无论你触发了多少bug，最多导致浏览器崩溃，对系统影响不到哪去。
                                <br>这就像二次元各种炫酷的毁灭世界，都不会导致三次元的世界末日。
                                <br>然而，作为一个前端，我发现是有方式打开次元大门的…</p>
                            <p>这个实验脑洞较大，动机无聊，但某种意义上反映了一些<strong>安全问题</strong>。
                                <br>想象一下，有天你在家里上网，吃着火锅还唱着歌，<strong>点开一个链接，电脑突然就蓝屏了</strong>！想想还真有点小激动。
                                <br>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/js/">js</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/安全/">安全</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/黑科技/">黑科技</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2015/07/06/hack-in-localstorage/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-viewing-commentary" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2015/06/05/viewing-commentary/" class="article-date">
                            <time datetime="2015-06-05T15:00:00.000Z" itemprop="datePublished">Jun 5</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2015/06/05/viewing-commentary/">半年新影短评</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p>直视自我内心的人，是值得敬佩的。
                                <br>我不是，但我有个大学同学是，因为他能坚持每天写日记。</p>
                            <p>越长大，日记越是件难事。</p>
                            <p>我翻看很小时候的日记本，寥寥几笔，满满回忆；
                                <br>再长大一些，不好看了，因为有些虚假，更多是为了应付老师的作业。
                                <br>没有了真情实意，日记更像是作文。你看这名字的意义也够直接，“作”的文。</p>
                            <p>如果内心的小人与你说话，却都是谎话，记录又有何意义？
                                <br>所以心智成熟后，日记越来越难被坚持下来。</p>
                            <p>更残酷的是，有时你根本不知道自己是不是在说谎！
                                <br>你不确定是否喜欢现在的工作，
                                <br>不确定自己的付出是否有回报，
                                <br>以及，不确定爱不爱她</p>
                            <p>现代人想了一个极好的方法，叫——放空自己
                                <br>把跳出来跟你争论的小人掩藏在游戏与歌酒里，什么都不去想，不去问。偶尔这样一下也挺好。</p>
                            <p>但我觉得，真实的记录还是要有。</p>
                            <p>半年以来，一直督促自己，要养成做完事情记(tu)录(cao)一下的习惯。
                                <br>无论是旅行，聚会，书籍，电影，与长时间循环过的歌曲。
                                <br>当然这些记录大多依靠手机，随想随记，潦草简短。
                                <br>原则是，记录过的东西，就不再删改，即使后来看起来会很幼稚。真实的记录，自有它不容改变的尊严。</p>
                            <p>将笔记里杂七杂八的条目汇总，就新影而言，居然有这么多记录了。</p>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/生活/">生活</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/随笔/">随笔</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2015/06/05/viewing-commentary/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-logic-of-chord" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2015/05/25/logic-of-chord/" class="article-date">
                            <time datetime="2015-05-25T15:01:00.000Z" itemprop="datePublished">May 25</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2015/05/25/logic-of-chord/">和弦推导逻辑简析</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p><img src="/assets/blogImg/chord1.jpg" alt="Image By Dustin Wallace"> </p>
                            <p>诚然，吉他有上千个和弦。世界上最厉害的吉他大师，也无法一眼辨识出所有的和弦。</p>
                            <p>更多时候，我们熟记几个基本的和弦，然后通过一定的计算法则，去推导其他的和弦。因而推导的逻辑就非常重要。</p>
                            <p>《吉他三月通》一书把这乐理洋洋洒洒说了一百多页，我想试着让事情简单一些。</p>
                            <p>最后，我们将逻辑实现成一个<a href="/assets/demo/chord/index.html">小程序</a>，可以方便打印出想要推导的和弦。</p>
                            <h3 id="音乐与数学">音乐与数学</h3>
                            <p>既然是逻辑，都可以用数学去建模，然而音乐与数学之间，却有一点非常重要的差异。</p>
                            <p>在这之前，我们得谈点有趣的事情，它们都有共同的原因：</p>
                            <ol>
                                <li>为什么我们会觉得某首歌很“中国风”？</li>
                                <li>为什么某些日本的传统音乐听起来很“诡异”？</li>
                                <li>为什么钢琴要做成黑键白键，所有键都一样不行吗？</li>
                            </ol>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/随笔/">随笔</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2015/05/25/logic-of-chord/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-img-lazy-load" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2015/04/28/img-lazy-load/" class="article-date">
                            <time datetime="2015-04-28T15:54:00.000Z" itemprop="datePublished">Apr 28</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2015/04/28/img-lazy-load/">说到加载图片，我们可以谈些什么</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p><img src="/assets/blogImg/lazyload.jpg" alt="原图 by Denis Perepelenko"> </p>
                            <p>其实，一开始让我在网页中加载一张图片，我是，是拒绝的…因为实在太简单了。</p>
                            <p><code>&lt;img src=&quot;xx.jpg&quot; /&gt;</code>是每个前端开发都会的技能。然而，如果你想做到极致，事情还没有这么简单。</p>
                            <p>最近实现了个图片加载器，用于大型web前端项目中，关于加载图片这一话题，仔细想来可以加许多的特技。</p>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/js/">js</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2015/04/28/img-lazy-load/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-yilia-on-mobile" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2015/02/23/yilia-on-mobile/" class="article-date">
                            <time datetime="2015-02-23T04:58:00.000Z" itemprop="datePublished">Feb 23</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2015/02/23/yilia-on-mobile/">hexo主题Yilia在移动端适配的一些事</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p><a href="https://github.com/litten/hexo-theme-yilia">Yilia</a>是我去年9月开发的主题，本来只是想给自己玩，因而开始有许多“任性”的设计。诸如“我本可以兼容ie，但我就不”这种…
                                <br>结果star数越来越多，半年里，居然成为了搜索“hexo-theme”最多star数的主题。
                                <br>感慨大家跟我一样任性的同时，也是受宠若惊，万分感谢！</p>
                            <p>而年前的主要矛盾，是日益增多的star和fork数，与功能还未完善之间的矛盾；以及越来越多的bug被大家发现，与我忙得飞起只好假装没发现这些bug的矛盾…</p>
                            <p>默默放下抢红包的手机，还是决定先把关于hexo最想解决的三件事之一：移动端适配给做了。</p>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/hexo/">hexo</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/主题/">主题</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2015/02/23/yilia-on-mobile/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-guide-for-zb" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2015/02/21/guide-for-zb/" class="article-date">
                            <time datetime="2015-02-21T14:50:00.000Z" itemprop="datePublished">Feb 21</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2015/02/21/guide-for-zb/">IT圈装逼速成指南</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p>我有个朋友，春节回来了大家聚在一起，说自己买了iphone6但总觉得自己还是很low，问这是怎么回事？
                                <br>其实生活过得怎样，跟iphone是两码事。先把生活过得充实了，切莫本末倒置。当然，我们可以就“IT圈如何愉快的装X”敞开心扉谈下这个问题。
                                <br>以下几点仅供参考，实践时请注意预防雷劈。</p>
                            <h2 id="谈资类">谈资类</h2>
                            <p><strong>1、谈乔纳森。</strong>
                                <br>苹果设计师乔纳森。你要往死里黑他，但一定请记住，得是爱到深处自然黑那种黑。顺手拿过iphone6当惊堂木一拍（兄弟你得狠下这个心），当小伙伴因震惊不解而望着你时，你微微一笑，缓缓叹气：“彩虹山上的渐变爵士，身上却流着极简的血液…”</p>
                            <p><strong>2、谈亚马逊。</strong>
                                <br>要坚定保持亚马逊没啥黑点的观点不动摇。当别人说到界面和UI时，你整个人都要散发出一种“亚马逊的产品很牛的所以界面什么的并不重要”的气质。</p>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/生活/">生活</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/随笔/">随笔</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2015/02/21/guide-for-zb/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-douban-index-for-chrome" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2014/10/16/douban-index-for-chrome/" class="article-date">
                            <time datetime="2014-10-16T00:15:00.000Z" itemprop="datePublished">Oct 16</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2014/10/16/douban-index-for-chrome/">展示豆瓣未登录首页的chrome插件</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p>某天，我惊讶的发现，豆瓣未登陆时的首页，比登录后的首页还要好玩！
                                <br>其实，并不是只有我一个人这么觉得，我甚至见过有人专门打开隐身窗口刷此页面，真是机智的少年。 </p>
                            <p>不是很理解之余，这个chrome插件<a href="https://chrome.google.com/webstore/detail/%E8%B1%86%E7%93%A3%E9%A6%96%E9%A1%B5/pkciaaffjliomglnmjcjekkinbnnjcah?hl=zh-CN">豆瓣首页 for chome</a>就诞生了。</p>
                            <p>但这个问题很有意思。
                                <br>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/chrome/">chrome</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/工具/">工具</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2014/10/16/douban-index-for-chrome/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <article id="post-history-of-browser-useragent2" class="article article-type-post" itemscope itemprop="blogPost">
                    <div class="article-meta">
                        <a href="/2014/10/05/history-of-browser-useragent2/" class="article-date">
                            <time datetime="2014-10-05T09:26:00.000Z" itemprop="datePublished">Oct 5</time>
                        </a>
                    </div>
                    <div class="article-inner">
                        <input type="hidden" class="isFancy" />
                        <header class="article-header">
                            <h1 itemprop="name">
      <a class="article-title" href="/2014/10/05/history-of-browser-useragent2/">浏览器野史 UserAgent列传（下）</a>
    </h1>
                        </header>
                        <div class="article-entry" itemprop="articleBody">
                            <p><img src="/assets/blogImg/browser-history2.jpg" alt="其实应该叫做浏览器约架史"> </p>
                            <p>前篇<a href="/2014/09/26/history-of-browser-useragent/">《浏览器野史 UserAgent列传（上）》</a></p>
                            <h3 id="六、师夷长技">六、师夷长技</h3>
                            <p>前面说到，微软靠Windows系统捆绑IE销售。而Windows自然也有它的对手，Linux。一个技术快速发展的时代，系统的世界里也是战火纷飞。Linux系统自从有了可视化界面，也需要浏览器呀。桌面系统KDE的缔造者们就发明了一个。</p>
                        </div>
                        <div class="article-info article-info-index">
                            <div class="article-tag tagcloud">
                                <ul class="article-tag-list">
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/web/">web</a></li>
                                    <li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/浏览器/">浏览器</a></li>
                                </ul>
                            </div>
                            <p class="article-more-link">
                                <a href="/2014/10/05/history-of-browser-useragent2/#more">more >></a>
                            </p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </article>
                <nav id="page-nav">
                    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/6/">6</a><a class="extend next" rel="next" href="/page/2/">Next &raquo;</a>
                </nav>
            </div> -->
            <footer id="footer">
                <div class="outer">
                    <div id="footer-info">
                        <div class="footer-left">
                            &copy; 2015 Litten
                        </div>
                        <div class="footer-right">
                            <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/litten/hexo-theme-yilia" target="_blank">Yilia</a> by Litten
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <link rel="stylesheet" href="assets/fancybox/jquery.fancybox.css" type="text/css">
        <script>
        var yiliaConfig = {
            fancybox: true,
            mathjax: undefined,
            animate: true,
            isHome: true,
            isPost: false,
            isArchive: false,
            isTag: false,
            isCategory: false,
            open_in_new: false
        }
        </script>
        <script src="assets/js/require-2.1.6,jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="assets/js/main.js" type="text/javascript"></script>
    </div>
</body>

</html>
